:host {
  ::ng-deep {
    nz-card {
      margin: -24px -24px 0;

      .ant-tabs-nav {
        margin: 0;
      }
    }

    .ant-tabs-tab {
      margin : 0 0 0 16px;
      padding: 12px 0;
    }

    .ant-table-body {
      border-bottom: 1px solid #f0f0f0;
    }

    .table-box {
      .ant-card-body {
        padding: 0;
      }

      .tab_header {
        display    : flex;
        align-items: center;

        .page_title {
          font-weight: bold;
          font-size  : 17px;

          .driver {
            color       : #ff4d4f;
            margin-left : 17px;
            margin-right: 6px;
          }
        }

        nz-tabset {
          flex: 1;
        }
      }

    }

    .double_tabset_box {
      margin    : -24px -24px 0;
      background: #ffffff;

      .tab_header {
        .page_title {
          font-weight: bold;
          font-size  : 17px;

          .driver {
            color       : #ff4d4f;
            margin-left : 17px;
            margin-right: 6px;
          }
        }
      }

      .header_tab {

        nz-tabs-nav {
          margin-bottom: 0;
        }
      }
    }

    .ant-table-pagination.ant-pagination {
      margin: 8px;
    }

    .ant-table-thead>tr>th,
    .ant-table-tbody>tr>td,
    .ant-table tfoot>tr>th,
    .ant-table tfoot>tr>td {
      padding: 8px;
    }

    .ant-table.ant-table-bordered>.ant-table-container {
      border-top: 0;
    }

    .ant-pagination-item {
      min-width  : 24px;
      height     : 24px;
      line-height: 21px;
    }

    .ant-pagination-total-text {
      height     : 24px;
      line-height: 24px;
    }

    .ant-pagination-prev,
    .ant-pagination-next,
    .ant-pagination-jump-prev,
    .ant-pagination-jump-next {
      min-width  : 24px;
      height     : 24px;
      line-height: 21px;
    }

    .ant-select-single:not(.ant-select-customize-input) .ant-select-selector {
      height: 24px;
    }

    .ant-select-single .ant-select-selector .ant-select-selection-item,
    .ant-select-single .ant-select-selector .ant-select-selection-placeholder {
      line-height: 21px;
    }

    .text-truncate {
      white-space: normal;
    }

    // 强制头部居中
    .ant-table-container table>thead>tr>.options {
      text-align: center !important;
    }
  }
}


.header_box {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  min-height     : 47px;

  .page_title {
    font-weight: bold;
    font-size  : 17px;

    .driver {
      color       : #ff4d4f;
      margin-left : 17px;
      margin-right: 6px;
    }
  }
}

.height_box {}

.filter-box {
  .com-input {
    width : 150px;
    height: 32PX;
  }
}